<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>讯都车网_汽车产业综合服务平台</title>
	<meta name="keywords" content="汽车服务,汽车维修网,汽车美容,汽车保养,汽车用品网,汽车配件网,二手车交易网,汽车网站排名,讯都车网" />
	<meta name="description" content="讯都车网是国内最大的汽车产业综合服务平台，汇聚海量的汽车消费信息和汽车服务商家，整合整车制造、销售、维修保养、美容养护、租赁保险、学车用车等各种涉车资源，惠及汽车行业及广大汽车用户，为每一位车主用户提供细致入微的服务，为各类汽车产业企业提供高性价比、高效率的整合营销平台。" />
	<link rel="stylesheet" href="/release/css/base.css" type="text/css"/>
	<link rel="stylesheet" href="/release/css/style.css" type="text/css"/>
	<link rel="stylesheet" href="/bootstrap/css/bootstrap.css" type="text/css"/>
</head>
<body>
	{include file="based/base"}
	<div class="main">
		<div class="content ovfl_hid">
			<!--<img src="img/banner_title2.png" class="wid_dis banner-little"/>-->
			<div class="module-left left">
				<div class="module-banner-box ovfl_hid">
					<div class="module-banner-left left">
						<img src="/release/img/banner_big1.png" class="wid_dis" />
					</div>
					<div class="module-banner-right right">
						<div class="module-bannerR-item">
							<img src="/release/img/0026Bxt7HMp4.png" class="wid_dis" />
						</div>
						<div class="module-bannerR-item">
							<img src="/release/img/0319q8YXSkts.png" class="wid_dis" />
						</div>
						<div class="module-bannerR-item">
							<img src="/release/img/0726M4EGcYWa.png" class="wid_dis" />
						</div>
					</div>
				</div>
				<div class="module-menu-box ovfl_hid">
					<a href="#" class="active">全部</a>
					{volist name="content" id="vo"}
					<a href="javascript:getSubnewsList({$vo.id})" class="admin">{$vo.type_name}</a><!-- {$vo.id} -->
					{/volist}
				</div>
				<ul class="module-news-list" id="build">

				</ul>
				<ul class="module-news-list">
					{volist name="title" id="detail"}
					<li class="module-news-item ovfl_hid">
						<div class="module-news-img left"></div>
						<h2 class="title fw_400"><a href='{:url("Index/title","id=$detail[id]&tid=$detail[superior_id]")}'>{$detail.title}</a></h2>
						<p class="date fs12_6">{$detail.pubtime}</p>
						<p class="intro ellipsis fs14_0">{$detail.duction}</p>
					</li>
					{/volist}
				</ul>
				{$title->render()}
				<!-- <div class="pagebox"></div> -->
			</div>
			{include file="based/right"}
		</div>
	</div>
	{include file="based/bottom"}
	<script type="text/javascript" src="/release/js/jquery-1.11.1.js" ></script>
	<script type="text/javascript" src="/release/js/jquery.pagination.js" ></script>
	<script type="text/javascript">
		$('.pagebox').pagination({
			totalData:100,
			showData:5,
//		    pageCount:50,
		    jump:true,
		    coping:true,
//		    homePage:'首页',
//		    endPage:'末页',
		    prevContent:'上页',
		    nextContent:'下页',
		    callback:function(e){
		    	console.log(e.getCurrent());
		    }
		});
	</script>
	<script type="text/javascript">
	function getSubnewsList(typeID){
		if(typeID > 0){
		// 根据类型ID执行AJAX取出这个类型下的属性，并获取返回的JSON数据
		$.ajax({
			type : "GET",
			url : "{:url('Index/classify')}?tid=" + typeID,
			dataType:'json',
			success : function(data)
			{
				// alert(data);
				/** 把服务器返回的属性循环拼成一个LI字符串，并显示在页面中 **/
				var li="";
				$(data).each(function(i,item){
					// alert(item);
					var _title = item.title;
					var _time = item.pubtime;
					var _detail = item.duction;
					// alert(_detail);
					li +='<li class="module-news-item ovfl_hid"><div class="module-news-img left"></div>';
					li +='<h2 class="title fw_400">';
					li +='<a href=';
					li +="{:url('Index/title')}?id="+item.id+"&tid="+item.superior_id;
					li +='>';
					li += _title;
					li +='</a></h2>';
					li +='<p class="date fs12_6">'+_time+'</p>';
					li +='<p class="intro ellipsis fs14_0">'+_detail+'</p>';
					li +='</li>';
					// alert(_title);
				});
				$("#build").html(li);
			}
		});
	}
}
	</script>
</body>
</html>
